$(function() {
	var xzoom = $('.xzoom');
	var mask = $('.mask');
	var big = $('.big');
	//鼠标经过显示mask和big
	xzoom.hover(function() {
		mask.show();
		big.show();
	}, function() {
		mask.hide();
		big.hide();
	});
	//鼠标移动时，mask跟随鼠标移动
	xzoom.mousemove(function(e) {
		//获取鼠标在盒子内部
		var x = e.pageX - $(this).offset().left;
		var y = e.pageY - $(this).offset().top;
		// (2) 减去盒子高度 300的一半 是 150 就是我们mask 的最终 left 和top值了
		// (3) 我们mask 移动的距离
		var maskX = x - mask.width() / 2;
		var maskY = y - mask.height() / 2;
		// (4) 如果x 坐标小于了0 就让他停在0 的位置
		// 遮挡层的最大移动距离
		var maskMax = xzoom.width() - mask.width();
		if (maskX <= 0) {
			maskX = 0;
		} else if (maskX >= maskMax) {
			maskX = maskMax;
		}
		if (maskY <= 0) {
			maskY = 0;
		} else if (maskY >= maskMax) {
			maskY = maskMax;
		}
		mask.css('left', maskX + 'px');
		mask.css('top', maskY + 'px');
		// 3. 大图片的移动距离 = 遮挡层移动距离 * 大图片最大移动距离 / 遮挡层的最大移动距离
		// 大图
		var bigIMg = $('.bigImg');
		// 大图片最大移动距离
		var bigMax = bigIMg.width() - big.width();
		// 大图片的移动距离 X Y
		var bigX = maskX * bigMax / maskMax;
		var bigY = maskY * bigMax / maskMax;
		bigIMg.css('left', -bigX + 'px');
		bigIMg.css('top', -bigY + 'px');
	})

	function switchSrc(obj) {
		var src = obj.children('img').attr('src');
		var bigsrc = obj.children('img').attr('src');
		bigsrc = bigsrc.substr(0, 8) + 'big' + bigsrc.substr(8);
		$('.xzoom').attr('src', src);
		$('.big>img').attr('src', bigsrc)
		obj.siblings().addClass('spec-scroll-a');
		obj.removeClass('spec-scroll-a');
	}

	var switchIndex = 0;
	//鼠标移入或单击切换大图
	$('.spec-scroll>a').click(function() {
		switchSrc($(this));
		switchIndex = $(this).attr('index');
	});
	$('.spec-scroll>a').mousemove(function() {
		switchSrc($(this));
		switchIndex = $(this).attr('index');
	});
	//左右单击切换
	$('.spec-scroll>.prev').click(function() {
		if (switchIndex > 0) {
			switchIndex--
			$('.spec-scroll>a').each(function(i, e) {
				if (switchIndex == i) {
					switchSrc($(this))
				}
			})
		} else {
			switchIndex = 4;
			$('.spec-scroll>a').each(function(i, e) {
				if (switchIndex == i) {
					switchSrc($(this))
				}
			})
		}
	})
	$('.spec-scroll>.next').click(function() {
		if (switchIndex < 4) {
			switchIndex++
			$('.spec-scroll>a').each(function(i, e) {
				if (switchIndex == i) {
					switchSrc($(this))
				}
			})
		} else {
			switchIndex = 0;
			$('.spec-scroll>a').each(function(i, e) {
				if (switchIndex == i) {
					switchSrc($(this))
				}
			})
		}
	})
	
	//单击选择分类
	$('#specification>dl>dd>a').click(function() {
		$(this).siblings('a').removeClass('selected');
		$(this).addClass('selected');
	});
	
	//tab切换
	$('.detail>ul>li').click(function() {
		//1.样式切换
		$(this).siblings('li').removeClass('active');
		$(this).addClass('active');
		//2.内容切换
		var index = $(this).children('a').attr('index');
		$('.detail>.tab-content>div').each(function() {
			if ($(this).attr('id') == index) {
				$(this).show();
			}else{
				$(this).hide();
			}
		})

	});
	//重量选择切换价格图片
	var priceArr = ['74.80', '99.99', '123.12', '154.45', '199.99'];
	$('#specification>dl>dd>a').click(function() {
		//切换价格
		var index = $(this).attr('index');
		$('.itemInfo-wrap>.summary>.summary-wrap>.price>em').text(priceArr[index]);
		//切换图片
		var indexSrc = parseInt(index) + 1;
		var src = 'uploads/s' + indexSrc.toString() + '.png';
		var bigsrc = 'uploads/bigs' + indexSrc.toString() + '.png';
		$('.xzoom').attr('src', src);
		$('.big>img').attr('src', bigsrc);
	});
	//数量加减按钮
	$('.choose>.summary-wrap>.controls>.plus').click(function() {
		var controls = $(this).siblings('input').val();
		controls++
		$(this).siblings('input').val(controls);
	});
	$('.choose>.summary-wrap>.controls>.mins').click(function() {
		var controls = $(this).siblings('input').val();
		if (controls > 1) {
			controls--
			$(this).siblings('input').val(controls);
		};
	});
});
